<template>
	<view class="container">
		<!--头部start-->
		<view class="header">
			<u-status-bar></u-status-bar>
			<view class="con">
				<image src="/static/images/folw_1.png" mode="widthFix" class="back"></image>
				<view class="tit">激活广告机</view>
				<image src="/static/images/folw_5.png" mode="widthFix" class="reset"></image>
			</view>
		</view>
		<u-status-bar></u-status-bar>
		<!--头部end-->
		
		<!--内容start-->
		<view class="flow_step">
			<view>
				<image src="/static/images/folw_2.png" mode="" v-show="isshow"></image>
				<view class="loading" v-show="!isshow">
						<u-loading-icon></u-loading-icon>
				</view>
				<text>网络质量<br/>检查</text>
			</view>
			<view class="flow_next">
				<image src="/static/images/folw_6.png"></image>
				<image src="/static/images/folw_6.png"></image>
				<image src="/static/images/folw_6.png"></image>
			</view>
			<view>
				<image src="/static/images/folw_2.png" mode="" v-show="isshow1"></image>
				<view class="loading" v-show="!isshow1">
						<u-loading-icon></u-loading-icon>
				</view>
				<text>第一方<br/><b>Cookie</b><br/>检查</text>
			</view>
			<view class="flow_next">
				<image src="/static/images/folw_6.png"></image>
				<image src="/static/images/folw_6.png"></image>
				<image src="/static/images/folw_6.png"></image>
			</view>
			<view>
				<image src="/static/images/folw_2.png" mode="" v-show="isshow2"></image>
				<view class="loading" v-show="!isshow2">
						<u-loading-icon></u-loading-icon>
				</view>
				<text>第三方<br/><b>Cookie</b><br/>检查</text>
			</view>
		</view>
		
		<view class="flow_tit">
			<view>网络质量与Cookie</view>
			<text>呆持网络畅通，您的连接速度和设备配置会影响到广告机工作效率，请等待系统检查...</text>
		</view>
		<!--内容end-->
		
		
		<!--底部start-->
		<view class="f_btn">
			<button class="submit " :class="isshow2 ? 'on' : ''" @click="goto('/pages/machine/flow_02')">（<b>1/6</b>）下一步 <view></view></button>
			<u-safe-bottom></u-safe-bottom>
		</view>
		<!--底部end-->
	</view>
</template>

<script>
export default {
	data() {
		return {
			isshow:false,
			isshow1:false,
			isshow2:false
		}
	},
	created() {
		setTimeout(()=>{
			this.isshow=true
		},2000)
		setTimeout(()=>{
			this.isshow1=true
		},5000)
		setTimeout(()=>{
			this.isshow2=true
		},10000)
	},
	methods: {
		
	}
}
</script>

<style lang="scss">
@import url("../../common/style.scss");
@import url("machine.scss");
page{
	background: #332C2B;
}
.header{
	background-color: #332C2B;
}
.header .tit{
	color: #DCDDDD;
}
.f_btn .submit{
	background-color: #5F5D5D;
	color: #A1A1A1;
}
.f_btn .submit view{
	width: 32rpx;
	height: 32rpx;
	margin-left: 20rpx;
	background: url("/static/images/folw_7.png") no-repeat center center;
	background-size: 32rpx auto;
}
.f_btn .submit.on{
	background-color: #4AB893;
	color: #FEFEFE;
}
.f_btn .submit.on view{
	background-image: url("/static/images/folw_7a.png");
}
</style>
